<template>
  <el-container>
    <el-header style="padding:0">
      <app-header></app-header>
    </el-header>
    <el-container>
      <el-aside>
        <app-menu></app-menu>
      </el-aside>
      <el-container>
        <el-main>
          <app-content></app-content>
        </el-main>
        <el-footer>
          <app-footer></app-footer>
        </el-footer>
      </el-container>
    </el-container>
  </el-container>
</template>

<script>
import AppHeader from "@/components/person/layout/AppHeader";
import AppMenu from "@/components/person/layout/AppMenu";
import AppContent from "@/components/person/layout/AppContent";
import AppFooter from "@/components/person/layout/AppFooter";

export default {
  name: 'AppIndex',
  components: {
    AppHeader,
    AppMenu,
    AppContent,
    AppFooter
  }
}
</script>
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.el-footer{
  bottom: 0;
}
</style>
